.listNav {
  display: flex;
  margin-bottom: 10px;
  span {
    text-align: center;
    flex: 1;
  }
}
.listBanner {
  width: 100%;
  height: 480px;
  padding: 12px;
  overflow: hidden;
  .bannercart {
    height: 100px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    box-shadow: 0px 2px 6px 3px rgb(114, 114, 114);
    .image {
      height: 100px;
      width: 100px;
      flex: 1;
      border-radius: 50%;

      overflow: hidden;
      img {
        display: block;
        height: 100px;
        width: 100px;
        padding: 10px;
        border-radius: 50%;
      }
    }
    span {
      flex: 1;
    }
    .btn1 {
      flex: 1;
      position: relative;
      .icon-shenglve {
        font-size: 35px;
        width: 35px;
        cursor: pointer;
      }
      .icon-shenglve:hover {
        color: orange;
      }
      .btn2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        border-radius: 10px;
        overflow: hidden;
        background-color: #f0edf0;
        top: 50%;
        transform: translateY(-50%);
        right: 0%;
        border: 2px solid #aba8ac;
        span {
          border: none;
          padding: 3px 5px;
          margin: 0px 5px;
          cursor: pointer;
          color: #aba8ac;
        }
        span:nth-child(2) {
          border-top: 2px solid #aba8ac;
          position: relative;
        }
        span:hover {
          color: orange;
        }
        span:nth-child(2):hover {
          color: red;
        }
      }
    }
  }
  .bannercart:hover {
    box-shadow: 0px 2px 6px 0px orange;
  }
}
.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .left {
    font-size: 16px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    .btnn {
      display: inline-block;
      height: 24px;
      width: 24px;
      text-align: center;
      line-height: 24px;
      background-color: #fff;
      border-radius: 2px;
      margin-right: 10px;
      .icon-xiangzuojiantou {
        font-size: 12px;
        color: #979797;
      }
    }
  }
  .right {
    padding-right: 20px;
  }
  .el-button--text {
    margin-right: 15px;
  }
  .el-select {
    width: 300px;
  }
  .el-input {
    width: 300px;
  }
  .dialog-footer button:first-child {
    margin-right: 10px;
  }
  .demo-date-picker {
    display: flex;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    .el-input__suffix {
      display: none;
    }
  }
  .demo-date-picker .block {
    padding: 30px 0;
    text-align: center;
    border-right: solid 1px var(--el-border-color-base);
    flex: 1;
  }
  .demo-date-picker .block:last-child {
    border-right: none;
  }
}
//上传
/deep/.avatar-uploader .el-upload {
  border: 1px dashed #141414;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
